<template>
	<view class="emoji">
		<view class="emojiitem" v-for="(item,index) in emojilist" >
			<view class="emojiit" v-for="(it,ind) in item"  @tap="clickit(it)">
				{{it}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				emojilist:[
					['😀','😁','😂','🤣','😃','😄','😅'],
					['😆','😉','😊','😋','😎','😍','😘'],
					['😗','😙','😚','🙂','🤗','🤔','😑'],
					['😶','😑','🙄','😥','😣','😏','🙄'],
					['🤐','😪','😯','😫','😴','😌','😛'],
					['😜','🤤','😓','😒','😨','😱','😵'],
					['🤑','😲','🙁','😖','😬','😳','😭'],
				]
			}
		},
		methods:{
			clickit(emoji){
				this.$emit("getemoji",emoji)
			}
		},
		mounted() {
			
		}
	}
</script>

<style lang="scss">
	.emoji{
		display: flex;
		flex-wrap: wrap;
		.emojiitem{
			flex: 1;
			
			.emojiit{
				line-height: 90rpx;
				padding:5rpx;
				font-size: 58rpx;
				text-align: center;
			}
		}
	}
</style>